<template>
    <teleport to='#app'>
        <div v-if="show" class="ant-modal-mask">
            <div class="loading_info f5">
                <a-spin size="large" /><span class="ml2">加载中，请稍后！</span>
            </div>
        </div>
    </teleport>
</template>
<script lang='ts'>
import { defineComponent,ref,reactive,toRefs,onBeforeMount,onMounted} from 'vue'
interface DataProps {}
export default defineComponent({
    name: '',
    props:{
        show:{
            type:Boolean,
            default:false
        }
    },
    setup(props,context) {
        const data: DataProps = reactive({
                                    
        })
        onBeforeMount(() => {

        })
        onMounted(() => {

        })
        const refData = toRefs(data);
        return {
             ...refData,
        }
   }
});
</script>
<style lang='scss' scoped>
    .loading_info{margin-top: 40vh;text-align: center;color:#fff;}
</style>